<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<ion-tabs class="tabs-icon-top tabs-color-active-positive" id="app-tabs">

  <!-- Index Tab -->
  <ion-tab title="茶品" icon-on="tab-main-on" icon-off="tab-main" href="#/tab/main">
    <ion-nav-view name="tab-main" animation="slide-left-right"></ion-nav-view>
  </ion-tab>

  <ion-tab title="茶舍" icon-on="tab-home-on" icon-off="tab-home" href="#/tab/teaHome">
      <ion-nav-view name="tab-home" animation="slide-left-right"></ion-nav-view>
  </ion-tab>

  <ion-tab title="茶友" icon-on="tab-friends-on" icon-off="tab-friends" href="#/tab/friends" badge="newGroupMessage">
      <ion-nav-view name="tab-friends" animation="slide-left-right"></ion-nav-view>
  </ion-tab>

  <ion-tab title="通知" icon-on="tab-news-on" icon-off="tab-news" href="#/tab/notify" badge="unreadNotifyMessage">
      <ion-nav-view name="tab-msg" animation="slide-left-right"></ion-nav-view>
  </ion-tab>

  <ion-tab title="我的" icon-on="tab-my-on" icon-off="tab-my" href="#/tab/account" badge="newMessage">
      <ion-nav-view name="tab-account" animation="slide-left-right">
      </ion-nav-view>
  </ion-tab>

</ion-tabs>
